import React, { Component, PropTypes } from 'react';
import styles from './Head.less';
import comm from './common.less'

class Head extends Component {
  render() {
    const firstRowStr = this.props.length === 0 ?
      `亲爱的${this.props.Name}(${this.props.Phone})` :
      `${this.props.Name},恭喜你成功积分${this.props.length}个产品`;
    const secondRowStr = this.props.length === 0 ? '您剩余的积分' : '当前账户余额';
    return <div className={`${comm.textcenter} ${styles.header}`}>
      <p>
      {firstRowStr}
      </p>
      <p>{secondRowStr}:<span className={styles.score}>{this.props.Score}</span></p>
    </div>
  }
}

Head.propTypes = {
};

export default Head;
